<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>校园闲置－首页</title>
	</head>
	<body>
		
		

	<!-- start banner_y -->
		<div class="banner_y center">
			<!-- 导航start -->
			<div class="nav">				
				<ul class="fu-ul">
					<c:forEach items="${indexDateVo.cshtOneMenuVoList}" var="cshtOneMenuVoList">
						<li class="fu-li">
							<a href="${pageContext.request.contextPath}/goods/oneMenuGoods/${cshtOneMenuVoList.oneMenuId}" class="fu-a" target="_blank">${cshtOneMenuVoList.oneMenuName}</a>
							<ul class="fu-li-ul">
								<c:forEach items="${cshtOneMenuVoList.cshtTwoSmallMenuList}" var="cshtTwoSmallMenuList">
									<li><a href="${pageContext.request.contextPath}/goods/twoMenuGoods/${cshtTwoSmallMenuList.twoMenuId}" target="_blank">${cshtTwoSmallMenuList.twoSmallMenuName}</a></li>
								</c:forEach>
							</ul>
							<div class="clear"></div>
							<div class="pop">
								<div class="top">
									<c:forEach items="${cshtOneMenuVoList.cshtTwoMenuVoList}" var="cshtTwoMenuVoList">
										<div class="small-class">
											<h4><a href="${pageContext.request.contextPath}/goods/twoMenuGoods/${cshtTwoMenuVoList.twoMenuId}" target="_blank">${cshtTwoMenuVoList.twoMenuName}</a></h4>
											<ul>
												<c:forEach items="${cshtTwoMenuVoList.cshtThreeMenuList}" var="cshtThreeMenuList">
													<li><a href="${pageContext.request.contextPath}/goods/threeMenuGoods/${cshtThreeMenuList.threeMenuId}" target="_blank">${cshtThreeMenuList.threeMenuName}</a></li>
												</c:forEach>
											</ul>
										</div>
									</c:forEach>
								<div class="clear"></div>
								</div>
								<div class="bottom">
									<h4>高端品牌&热点元素</h4>
									 <ul>
										<c:forEach items="${cshtOneMenuVoList.cshtBrandList}" var="cshtBrandList">
											<li><a href="${pageContext.request.contextPath}/goods/brandGoods/${cshtBrandList.brandId}" target="_blank">${cshtBrandList.brandName}</a></li>
										</c:forEach>
									</ul>
									<div class="clear"></div>
								</div>
							</div>
						</li>
					</c:forEach>
				</ul>
			</div>
			<!-- 导航end -->
			
			<!-- 轮播start -->
			<div id="carousel-example-generic" class="carousel slide lunbo" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
			  </ol>
			
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner lunbo-img" role="listbox">
				  <c:forEach items="${indexDateVo.cshtLunboList}" var="cshtLunboList" varStatus="status">
				  	<c:if test="${status.index == 0}">
				  		<div class="item active lunbo-item">
					      <a href="#">
						      <img src="/csht_file/index_lunbo/${cshtLunboList.lunboPath}">
					      </a>
					    </div>
				  	</c:if>
				  	<c:if test="${status.index != 0}">
				  		<div class="item lunbo-item">
					      <a href="#">
						      <img src="/csht_file/index_lunbo/${cshtLunboList.lunboPath}">
						  </a>
					    </div>
				  	</c:if>
				  </c:forEach>
			  </div>
			
			  <!-- Controls -->
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
			<!-- 轮播end -->
			<div class="clear"></div>
		</div>	
		
		
		<div class="sub_banner center">
			<!-- 轮播2 -->
			<div class="Box">
		    	<div class="content">
		    		<h2>每日十件</h2>
		    		<div class="Box_con clearfix">
		    			<div class="conbox" id="BoxUl">
			    			<ul>
			    				<c:forEach items="${indexDateVo.cshtTenGoodsEverydayVoList}" var="cshtTenGoodsEverydayVoList">
			    					<li>
				    					<div class="shangpin-zuiwai-div">
				    						<!-- 卖家头像、昵称和地区 -->
				    						<div class="shangpin-user">
				    							<a href="${pageContext.request.contextPath}/goods/getGoodsListByUserId/${cshtTenGoodsEverydayVoList.cshtGoodsVo.cshtUser.userId}"><img src="/csht_file/user_header/${cshtTenGoodsEverydayVoList.cshtGoodsVo.cshtUser.userHeadPath}"></a>
				    							<a href="${pageContext.request.contextPath}/goods/getGoodsListByUserId/${cshtTenGoodsEverydayVoList.cshtGoodsVo.cshtUser.userId}"><span>${cshtTenGoodsEverydayVoList.cshtGoodsVo.cshtUser.userUsername}</span></a>
				    						</div>
				    						<!-- 第一张商品图片 -->
				    						<div class="shangpin-first-img"><a href="${pageContext.request.contextPath}/goods/goodsDetails/${cshtTenGoodsEverydayVoList.cshtGoodsVo.goodsId}" target="_blank"><img src="/csht_file/goods_images/${cshtTenGoodsEverydayVoList.cshtGoodsVo.cshtGoodsImagesList[0].goodsImagesPath}"></a></div>
				    						<!-- 价格 -->
				    						<div class="shangpin-pa"><span><i>￥</i>${cshtTenGoodsEverydayVoList.cshtGoodsVo.goodsPrice}</span><span>${cshtTenGoodsEverydayVoList.cshtGoodsVo.goodsTitle}</span></div>
				    						<!-- 商品介绍 -->
				    						<div class="shangpin-jieshao"><p>${cshtTenGoodsEverydayVoList.cshtGoodsVo.goodsContent}</p></div>
				    						<!-- 交易学校 -->
				    						<div class="shangpin-address">来自：${cshtTenGoodsEverydayVoList.cshtGoodsVo.goodsTradeSchool}</div>
				    					</div>
				    					<div class="clear"></div>
				    				</li>
			    				</c:forEach>
		    				</ul>
		    			</div>
		    		</div>
		    	</div>
		    </div><!-- 轮播2end -->
		</div>
		<!-- end banner -->
	
		<c:forEach items="${indexDateVo.shangPinZhangQu}" var="shangPinZhangQu" varStatus="one">
			<!-- start 商品展区 -->
			<div class="shangpin-zhengqu center">
				<h2>${shangPinZhangQu.oneMenuName}<a href="${pageContext.request.contextPath}/goods/oneMenuGoods/${shangPinZhangQu.oneMenuId}" target="_blank">更多&gt;&gt;</a></h2>
				<div class="shangping-banner"><img src="/csht_file/index_banner/${shangPinZhangQu.cshtIndexBanner.indexBannerPath}"></div>
				<div class="shangpin-zhengqu-bottom">
					<div class="shangpin-zhengqu-left">
						<ul>
							<c:forEach items="${shangPinZhangQu.cshtTwoMenuVo_2List}" var="cshtTwoMenuVo_2List">
								<c:forEach items="${cshtTwoMenuVo_2List.cshtThreeMenuList}" var="cshtThreeMenuList">
									<li><a href="${pageContext.request.contextPath}/goods/threeMenuGoods/${cshtThreeMenuList.threeMenuId}" target="_blank">${cshtThreeMenuList.threeMenuName}</a></li>
								</c:forEach>
							</c:forEach>
						</ul>
					</div>
					<div class="shangpin-zhengqu-right">
						<!-- Nav tabs -->
					    <ul class="nav nav-tabs" role="tablist">
					    	<c:forEach items="${shangPinZhangQu.cshtTwoMenuVo_2List}" var="cshtTwoMenuVo_2List" varStatus="two">
								<c:if test="${two.count == 1}">
									<li role="presentation" class="active"><a href="#shangpin-zhengqu-shangping-${one.count}-${two.count}" aria-controls="shangpin-zhengqu-shangping-${one.count}-${two.count}" role="tab" data-toggle="tab">${cshtTwoMenuVo_2List.twoMenuName}</a></li>
								</c:if>
								<c:if test="${two.count != 1}">
									<li role="presentation"><a href="#shangpin-zhengqu-shangping-${one.count}-${two.count}" aria-controls="shangpin-zhengqu-shangping-${one.count}-${two.count}" role="tab" data-toggle="tab">${cshtTwoMenuVo_2List.twoMenuName}</a></li>
					    		</c:if>
							</c:forEach>
					    </ul>
					
					    <!-- Tab panes -->
					    <div class="tab-content">
					    	<c:forEach items="${shangPinZhangQu.cshtTwoMenuVo_2List}" var="cshtTwoMenuVo_2List" varStatus="two">
					    		<c:if test="${two.count == 1}">
					    			<div role="tabpanel" class="tab-pane active" id="shangpin-zhengqu-shangping-${one.count}-${two.count}">
							    		<c:forEach items="${cshtTwoMenuVo_2List.cshtGoodsVo_2List}" var="cshtGoodsVo_2List">
							    			<!-- 商品 -->
											<div class="shangpin-zhengqu-shangping">
												<!-- 商品第一张图 -->
												<a href="${pageContext.request.contextPath}/goods/goodsDetails/${cshtGoodsVo_2List.goodsId}" target="_blank" title="${cshtGoodsVo_2List.goodsTitle}"><img src="/csht_file/goods_images/${cshtGoodsVo_2List.cshtGoodsImagesList[0].goodsImagesPath}"></a>
												<h4><a href="${pageContext.request.contextPath}/goods/goodsDetails/${cshtGoodsVo_2List.goodsId}" target="_blank">${cshtGoodsVo_2List.goodsTitle}</a></h4>
												<p><span>￥</span><span>${cshtGoodsVo_2List.goodsPrice}</span></p>
											</div>
							    		</c:forEach>
							    	</div>
					    		</c:if>
					    		<c:if test="${two.count != 1}">
					    			<div role="tabpanel" class="tab-pane" id="shangpin-zhengqu-shangping-${one.count}-${two.count}">
							    		<c:forEach items="${cshtTwoMenuVo_2List.cshtGoodsVo_2List}" var="cshtGoodsVo_2List">
							    			<!-- 商品 -->
											<div class="shangpin-zhengqu-shangping">
												<!-- 商品第一张图 -->
												<a href="${pageContext.request.contextPath}/goods/goodsDetails/${cshtGoodsVo_2List.goodsId}" title="${cshtGoodsVo_2List.goodsTitle}" target="_blank" class="img-a"><img src="/csht_file/goods_images/${cshtGoodsVo_2List.cshtGoodsImagesList[0].goodsImagesPath}"></a>
												<h4><a href="${pageContext.request.contextPath}/goods/goodsDetails/${cshtGoodsVo_2List.goodsId}" target="_blank">${cshtGoodsVo_2List.goodsTitle}</a></h4>
												<p><span>￥</span><span>${cshtGoodsVo_2List.goodsPrice}</span></p>
											</div>
							    		</c:forEach>
							    	</div>
					    		</c:if>
					    	</c:forEach>
					    </div><!-- Tab panes -->
					</div>
				</div>
				<div class="clear"></div>
			</div><!-- end 商品展区 -->
		</c:forEach>
		
		
		<!-- 显示所有菜单 -->
		<div class="all-menu">
			<div class="all-menu-top">
				<h3>所有宝贝都在这里</h3>
			</div>
			<div class="all-menu-bottom">
				<c:forEach items="${cshtOneMenuVoList}" var="cshtOneMenuVoList">
					<c:forEach items="${cshtOneMenuVoList.cshtTwoMenuVoList}" var="cshtTwoMenuVoList" varStatus="status">
						<div class="dan-ge-menu">
							<h4><a href="${pageContext.request.contextPath}/goods/twoMenuGoods/${cshtTwoMenuVoList.twoMenuId}" target="_blank">${cshtTwoMenuVoList.twoMenuName}</a></h4>
							<ul>
								<c:forEach items="${cshtTwoMenuVoList.cshtThreeMenuList}" var="cshtThreeMenuList">
									<li><a href="${pageContext.request.contextPath}/goods/threeMenuGoods/${cshtThreeMenuList.threeMenuId}" target="_blank">${cshtThreeMenuList.threeMenuName}</a></li>
								</c:forEach>
								<c:forEach items="${cshtOneMenuVoList.cshtBrandList}" var="cshtBrandList">
									<li><a href="${pageContext.request.contextPath}/goods/brandGoods/${cshtBrandList.brandId}" target="_blank">${cshtBrandList.brandName}</a></li>
								</c:forEach>
							</ul>
						</div>
						<c:if test="${status.count%4 == 0}">
							<div class="xiantiao clear"></div>
						</c:if>
					</c:forEach>
				</c:forEach>
			</div>
		</div>
		
		<!-- end显示所有菜单 -->
		<div class="clear"></div>

		<!-- 轮播2js -->
		<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/lunbo.js" ></script>
		<script type="text/javascript">
			$(document).ready(function(){
				
				//轮播2
				//滚动元素id，左切换按钮，右切换按钮，切换元素个数id,滚动方式，切换方向，是否自动滚动，滚动距离，滚动时间，滚动间隔，显示个数
		    	LbMove('BoxUl','btnl','btnr','BoxSwitch',true,'left',true,270,6000,1000,4);
				
		    	
			})
		</script>
	</body>
</html>